import { observer } from "mobx-react-lite"
import { Path, SvgProps, Defs, Stop, Rect } from "react-native-svg"
import { useGlobalStore } from "../../mobx"
import { getColorStr } from "../../themes"
import { SvgCommon } from "./Common"

export const SvgBindPhone = observer((props: SvgProps) => {
    const { theme } = useGlobalStore()
    return (
        <SvgCommon {...props}>
            <Path d="M17.5 2.70337H6.5C5.55 2.70337 4.75 3.50337 4.75 4.45337V21.2034C4.75 22.1534 5.55 22.9534 6.5 22.9534H17.5C18.45 22.9534 19.25 22.1534 19.25 21.2034V4.45337C19.25 3.50337 18.45 2.70337 17.5 2.70337ZM17.75 21.2034C17.75 21.3534 17.65 21.4534 17.5 21.4534H6.5C6.35 21.4534 6.25 21.3534 6.25 21.2034V19.4534H17.75V21.2034ZM17.75 17.9534H6.25V4.45337C6.25 4.30337 6.35 4.20337 6.5 4.20337H17.5C17.65 4.20337 17.75 4.30337 17.75 4.45337V17.9534Z" fill={getColorStr(theme, 'color_38')}/>
            <Path d="M11.3515 7.5986L11.7382 6.87348C12.2847 5.84356 13.5038 5.50099 14.6345 6.05587C15.1558 6.31229 15.5425 6.75366 15.7191 7.30017C15.8956 7.84457 15.8431 8.42884 15.5678 8.94383L14.3529 11.2285C13.9788 11.9348 13.4891 12.3888 12.9447 12.5653C12.4991 12.7103 12.0178 12.6683 11.5302 12.4287C11.2485 12.2879 11.135 11.9495 11.2821 11.6679C11.4293 11.3862 11.7782 11.2727 12.0619 11.4135C12.2742 11.5186 12.7745 11.7625 13.3293 10.7178L14.5463 8.4331C14.6746 8.18928 14.6998 7.91604 14.6178 7.65964C14.5316 7.40322 14.3508 7.19515 14.1049 7.07324C13.6404 6.84624 13.0477 6.85676 12.7639 7.38853L12.3772 8.11365C12.228 8.3932 11.8791 8.50459 11.5953 8.36375C11.3116 8.21874 11.2044 7.87821 11.3515 7.59869L11.3515 7.5986ZM9.36523 15.9723C9.9033 16.2371 10.5065 16.2602 11.0425 16.0858C11.5806 15.9114 12.0556 15.5393 12.3351 15.0096L12.6441 14.4274C12.7933 14.1479 12.684 13.8074 12.4003 13.6645C12.1187 13.5236 11.7676 13.6351 11.6205 13.9146L11.3115 14.4968C11.0425 15.0012 10.4077 15.2072 9.8949 14.955C9.64689 14.8352 9.46612 14.6271 9.38416 14.3707C9.30217 14.1143 9.3253 13.8389 9.45563 13.5972L10.5948 11.4555C10.8323 11.012 11.3178 10.3142 11.9379 10.6168C12.2237 10.7556 12.5706 10.6421 12.7177 10.3625C12.8627 10.0809 12.7513 9.74246 12.4676 9.60167C11.4145 9.08461 10.2754 9.61217 9.56917 10.9447L8.42998 13.0865C8.15673 13.6014 8.1042 14.1837 8.27865 14.7302C8.45733 15.2746 8.84401 15.7138 9.36531 15.9724L9.36523 15.9723Z" fill={getColorStr(theme, 'color_1')}/>
        </SvgCommon>
    )
})
